<template>
  <div class="zlxg-page">
    <div class="primary-header clearfix flex flex-row align-center">
      <div class="line" />
      <span class="font18 ml10 flex-auto">事件属性</span>
    </div>
    <div class="table-content">
      <el-descriptions class="margin-top" :column="4" border>
        <el-descriptions-item :span="2" :content-style="contentStyle" :label-style="labelStyle">
          <template slot="label">
            当事人
          </template>
          {{ formData.sjsx_dsr }}
        </el-descriptions-item>
        <el-descriptions-item :span="2" :content-style="contentStyle" :label-style="labelStyle">
          <template slot="label">
            当事性质
          </template>
          {{ formData.sjsx_dsxz }}
        </el-descriptions-item>
        <el-descriptions-item :span="2" :content-style="contentStyle" :label-style="labelStyle">
          <template slot="label">
            是否需紧急通报
          </template>
          {{ formData.priority }}
        </el-descriptions-item>
        <el-descriptions-item v-if="formData.priority == '是'" :span="2" :content-style="contentStyle" :label-style="labelStyle">
          <template slot="label">
            事件概要
          </template>
          {{ formData.priority_msg }}
        </el-descriptions-item>
        <template v-if="formData.sjsx_dsr == '特定患者'">
          <el-descriptions-item :span="2" :content-style="contentStyle" :label-style="labelStyle">
            <template slot="label">
              姓名
            </template>
            {{ formData.sjsx_patient_name }}
          </el-descriptions-item>
          <el-descriptions-item :span="2" :content-style="contentStyle" :label-style="labelStyle">
            <template slot="label">
              年龄
            </template>
            {{ formData.sjsx_patient_age }}
          </el-descriptions-item>
          <el-descriptions-item :span="2" :content-style="contentStyle" :label-style="labelStyle">
            <template slot="label">
              性别
            </template>
            {{ formData.sjsx_patient_sex }}
          </el-descriptions-item>
          <el-descriptions-item :span="2" :content-style="contentStyle" :label-style="labelStyle">
            <template slot="label">
              床号
            </template>
            {{ formData.sjsx_patient_bed }}
          </el-descriptions-item>
          <el-descriptions-item :span="2" :content-style="contentStyle" :label-style="labelStyle">
            <template slot="label">
              病区
            </template>
            {{ formData.sjsx_patient_ward }}
          </el-descriptions-item>
          <el-descriptions-item :span="2" :content-style="contentStyle" :label-style="labelStyle">
            <template slot="label">
              住院号
            </template>
            {{ formData.sjsx_patient_pi }}
          </el-descriptions-item>
          <el-descriptions-item :span="2" :content-style="contentStyle" :label-style="labelStyle">
            <template slot="label">
              入院时间
            </template>
            {{ formData.rytime }}
          </el-descriptions-item>
          <el-descriptions-item :span="4" :content-style="contentStyle" :label-style="labelStyle">
            <template slot="label">
              当前诊断
            </template>
            {{ formData.sjsx_patient_dqzd }}
          </el-descriptions-item>

        </template>
      </el-descriptions>
    </div>
    <div class="primary-header clearfix flex flex-row align-center mt20">
      <div class="line" />
      <span class="font18 ml10 flex-auto">填报人情况</span>
    </div>
    <div class="table-content">
      <el-descriptions class="margin-top" :column="3" border>
        <el-descriptions-item :content-style="contentStyle" :label-style="labelStyle">
          <template slot="label">
            姓名
          </template>
          {{ formData.tbrqk_name }}
        </el-descriptions-item>
        <el-descriptions-item :content-style="contentStyle" :label-style="labelStyle">
          <template slot="label">
            部门
          </template>
          {{ formData.tbrqk_dept }}
        </el-descriptions-item>
        <el-descriptions-item :content-style="contentStyle" :label-style="labelStyle">
          <template slot="label">
            事件发生日期
          </template>
          {{ formData.tbrqk_fsrq }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template slot="label">
            院区
          </template>
          {{ formData.hospital }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template slot="label">
            事件发生地点
          </template>
          {{ formData.tbrqk_fsdd }}{{ formData.tbrqk_fsddqt }}
        </el-descriptions-item>
        <el-descriptions-item :span="2">
          <template slot="label">
            患者目前情况
          </template>
          {{ formData.tbrqk_hzmqqk }}
        </el-descriptions-item>
        <el-descriptions-item :span="2">
          <template slot="label">
            事件经过
          </template>
          {{ formData.tbrqk_sjjg }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template slot="label">
            完成填表日期
          </template>
          {{ createTime }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template slot="label">
            事件类型
          </template>
          {{ formData.qtblsj_sjlx | arrayString }}{{ formData.qtblsj_sjlxqt?"," + formData.qtblsj_sjlxqt:"" }}
        </el-descriptions-item>
      </el-descriptions>
      <div class="height60 text-center font18 line-height-60">处 理 措 施</div>
      <el-descriptions class="margin-top" :column="3" border>
        <el-descriptions-item :span="3" :label-style="labelStyle">
          <template slot="label">
            无介入
          </template>
          {{ formData.clcs_wjr | arrayString }}{{ formData.clcs_wjrqt?"," + formData.clcs_wjrqt:"" }}
        </el-descriptions-item>
        <el-descriptions-item :span="3" :label-style="labelStyle">
          <template slot="label">
            医疗介入
          </template>
          {{ formData.clcs_yljr | arrayString }}{{ formData.clcs_yljrqt?"," + formData.clcs_yljrqt:"" }}
        </el-descriptions-item>
        <el-descriptions-item :span="3" :label-style="labelStyle">
          <template slot="label">
            其他介入
          </template>
          {{ formData.clcs_qtjr | arrayString }}{{ formData.clcs_qtjrqt?"," + formData.clcs_qtjrqt:"" }}
        </el-descriptions-item>
        <el-descriptions-item :span="3" :label-style="labelStyle">
          <template slot="label">
            其他
          </template>
          {{ formData.clcs_other }}
        </el-descriptions-item>
        <!-- <el-descriptions-item :span="3" :labelStyle='labelStyle'>
          <template slot="label">
            处理后病人的情况
          </template>
          {{formData.clhbrqk}}
        </el-descriptions-item>
        <el-descriptions-item :span="3" :labelStyle='labelStyle'>
          <template slot="label">
            请叙述整起事件经过
          </template>
          {{formData.sjjg_content}}
        </el-descriptions-item> -->
      </el-descriptions>
    </div>
  </div>
</template>
<script>
export default {
  name: 'Ggsj',
  filters: {
    arrayString(val) {
      if (val && val.length > 0) {
        return val.join(',')
      } else {
        return ''
      }
    }
  },
  props: ['formData', 'createTime'],
  data() {
    return {
      contentStyle: {
        'text-align': 'left',
        'min-width': '130px'
      },
      // label样式
      labelStyle: { 'width': '150px' }
    }
  },

  computed: {

  },
  mounted() {

  }
}

</script>
<style lang="scss" scoped>
</style>
